.top-nav {
  :global {
    .ant-menu-root {
      // background-color: var(--primary-card-head-background-color) !important;
      background-color: #fdfafa !important;
      .ant-menu-item,
      .ant-menu-overflow-item {
        margin: 0 8px;
        padding: 0 !important;
        // border-bottom: 1px solid transparent !important;
        color: #7f79ff !important;
        background-color: #fdfafa !important;
        &.ant-menu-item-selected,
        &.ant-menu-item-active {
          background-color: #f0efff !important;
        }
        // &.ant-menu-item-selected::after,
        // &.ant-menu-item-active::after{
        //   // border-bottom: 2px solid #7f79ff !important;
        //   bottom: 0;
        //   left: 0;
        //   right: 0;
        // }
        &::after{
          bottom: 0;
          left: 0;
          right: 0;
        }
        .ant-menu-title-content {
          a,
          span {
            display: inline-block;
            padding: 0 8px;
            text-align: center;
            // color: var(--primary-color);
          }
        }
      }
    }
  }
}
